'use client'

import Link from 'next/link'
import { useTranslation } from '../i18n/client'

export default function Page({ params: { lng } }: { params: { lng: string } }) {

  const { t } = useTranslation(lng);

  return (
    <main className="flex min-h-screen flex-col items-center justify-between p-24">
      <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
        <Link href={`/${lng}/login`}
          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
          >
          <h2 className={`mb-3 text-2xl font-semibold`}>
            {t("login")}{" "}
            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
              -&gt;
            </span>
          </h2>

        </Link>

      </div>
    </main>
  )
}